<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <link rel="stylesheet" href="../assets/css/layui.css">
    <link rel="stylesheet" href="../assets/css/view.css"/>
    <title></title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=PFNPxsCebuDuD3Ipdkzum8KP8q46ZLak">
    </script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
    <link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" />
    <title>全局监控</title>
</head>
<body class="layui-view-body" style="background-image: url(../assets/images/login_back1.jpg); background-size: cover;">
    <div class="layui-content">
		<span style="font-size: 25px; color: #EB7350;">概览监控</span>
    </div>
	<div id="map" style="height: 790px; margin-left: 2.5%; margin-top: 10px; width: 96%; border:2px solid #002140;">
    <script src="../assets/layui.all.js"></script>
    <script>
     var element = layui.element;
    </script>
	<script type="text/javascript">
	var map = new BMap.Map("map");
	// 创建地图实例  
	var point = new BMap.Point(116.404, 39.915);
	// 创建点坐标  
	map.centerAndZoom(point, 15);
	// 初始化地图，设置中心点坐标和地图级别
	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
	map.disableBizAuthLogo(); //关闭
	
	var marker = new BMap.Marker(point);        // 创建标注    
	map.addOverlay(marker);                     // 将标注添加到地图中 
	
	map.addControl(new BMap.NavigationControl());    
	map.addControl(new BMap.ScaleControl());    
	map.addControl(new BMap.OverviewMapControl());
	map.addControl(new BMap.MapTypeControl());
	
	</script>  
</body>
</html>